<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane v-for="(item,index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component"></component>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import { DialogTipMsg, KingkongSeniorMsg, VersionMsg, WorkBar } from './components'
export default {
  components: { DialogTipMsg, KingkongSeniorMsg, VersionMsg, WorkBar },
  data () {
    return {
      activeName: 'dialogTipMsg',
      tabList: [
        { label: '弹窗提示管理', component: 'DialogTipMsg', name: 'dialogTipMsg', refs: 'dialogTipMsg' },
        { label: '版本管理', component: 'VersionMsg', name: 'versionMsg', refs: 'versionMsg' },
        { label: '金刚位管理', component: 'KingkongSeniorMsg', name: 'KingkongSeniorMsg', refs: 'kingkongSeniorMsg' },
        { label: '工作栏管理', component: 'WorkBar', name: 'workBar', refs: 'workBar' }
      ]
    }
  }
}
</script>
